<template>
  <div class="user_title" id="user_title">
    <div class="user_group">
      <div>在交易前，您还需要完成<a class="a1">C1认证</a></div>
      <div class="sp1">1注册账号，C1实名认证，2充值，3下单交易</div>
    </div>


    <div class="user_group u_t_d1">
      <ul class="sp2 sp2_ul">
        <li class="join">立即加入链行新手教学群</li>
        <li class="qq_num"><span>qq群号：</span>888888888</li>

        <!--todo 待添加连接地址-->
        <li class="help">不知道怎么玩？立即<a href="javascript:void(0)">查看新手帮助</a></li>
      </ul>
      <div class="sp2 user_imgbox"><img class="user_title_img" src="../../../../static/imgs/Icode.png"/></div>
    </div>
  </div>
</template>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" rel="stylesheet/scss" scoped>
  .user_title {
    text-align: left;
    width: 90%;
    padding-bottom: 20px;
    box-sizing: border-box;
    font-size: 0;
    .user_group {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      font-size: 14px;
      &:first-child {
        text-align: left;
      }
      &:last-child {
        text-align: right;
      }
    }

    .sp2 {
      display: inline-block;
      vertical-align: top;
    }
    .sp2_ul {
      color: #1B1E23;
      .join {
        margin-bottom: 10px;
      }
      .qq_num {
        margin-bottom: 26px;
        color: #0093F1;
        span {
          color: #1B1E23;
          font-size: 12px;
        }
      }
      .help {
        color: #494949;
        font-size: 12px;
        a {
          color: #0093F1;
          margin-left: 5px;
        }
      }
    }

    .user_imgbox {
      width: 90px;
      height: 90px;
      margin-left: 20px;
      img {
        width: 100%;
      }
    }
    /**/
    /*.u_t_d1 {*/
    /*span {*/
    /*overflow: auto;*/
    /*float: left;*/
    /*}*/
    /*.sp1 {*/
    /*height: 80px;*/
    /*line-height: 80px;*/
    /*width: 610px;*/
    /*}*/
    /*}*/
    /*.user_title_img {*/
    /*height: 90px;*/
    /*width: 90px;*/
    /*}*/

  }
</style>


<script>
  export default {
    name: 'user_title',
    computed: {},
    data() {
      return {
        title: ''
      }
    }, //定义变量
    components: {}, //注册组件
    methods: { //方法都在这里
    },
    mounted() {
      var that = this;
      //获取banner
    }
  }
</script>
